<template>
  <div class="pre-archive-detail">
    <el-dialog
      width="60%"
      :visible.sync="formShow"
      @close="handleClickDeal('cancel')"
      v-dialog-drag
      :modal-append-to-body="false"
      :close-on-click-modal="false"
    >
      <span slot="title">
        <i class="iconfont icon-ziliao"></i>
        <span>{{ title }}</span>
      </span>
      <div class="WholeScroll" style="max-height: 650px; overflow: auto">
        <el-form
          :model="formBaseData"
          ref="formBaseData"
          :rules="formBaseRules"
          style="position: relative"
        >
          <el-col :span="24">
            <div class="formTitle">项目信息</div>
            <el-row :span="24">
              <el-col :span="12">
                <el-form-item
                  label="公司"
                  prop="buildCompany.id"
                  :label-width="formlabelWidth"
                >
                  <el-select
                    style="width: 100%"
                    v-model="formBaseData.buildCompany.id"
                    :disabled="detailType === 'check'"
                    v-on:change="getProjectByCompanyId()"
                    value-key="id"
                    clearable
                    placeholder="选择公司"
                  >
                    <el-option
                      v-for="item in companyTree"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item
                  label="项目"
                  prop="project.id"
                  :label-width="formlabelWidth"
                >
                  <el-select
                    style="width: 100%"
                    v-model="formBaseData.project.id"
                    :disabled="detailType === 'check'"
                    v-on:change="getSectionByProjectId()"
                    value-key="id"
                    clearable
                    filterable
                    placeholder="选择项目"
                  >
                    <el-option
                      v-for="item in projectTree"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :span="24">
              <el-col :span="12">
                <el-form-item
                  label="标段号"
                  :label-width="formlabelWidth"
                >
                  <el-select
                    style="width: 100%"
                    v-model="formBaseData.section.id"
                    :disabled="detailType === 'check'"
                    value-key="id"
                    clearable
                    placeholder="请选择标段号"
                  >
                    <el-option
                      v-for="item in sectionTree"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="建设单位" :label-width="formlabelWidth">
                  <el-input
                    v-model="formBaseData.constructionUnit"
                    placeholder="--"
                    disabled
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="24">
            <div class="formTitle">问题详情</div>
            <el-col :span="24">
              <el-col :span="12">
                <el-form-item
                  label="问题类型"
                  prop="problemType"
                  :label-width="formlabelWidth"
                >
                  <el-select
                    class="contract-ele"
                    v-model="formBaseData.problemType"
                    filterable
                    placeholder="请选择"
                    :disabled="detailType === 'check'"
                  >
                    <el-option
                      v-for="(item, i) in selectList.problemList"
                      :key="i"
                      :label="item.label"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item
                  label="主办部门"
                  prop="sysDept"
                  :label-width="formlabelWidth"
                >
                  <el-select
                    class="contract-ele"
                    v-model="formBaseData.sysDept"
                    filterable
                    placeholder="请选择"
                    :disabled="detailType === 'check'"
                  >
                    <el-option
                      v-for="(item, i) in selectList.departmentList"
                      :key="i"
                      :label="item.fullname"
                      :value="item.id"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
              <el-col :span="24">
                <el-form-item
                  label="涉及单位"
                  prop="associatedUnit"
                  :label-width="formlabelWidth"
                >
                  <el-input
                    class="contract-ele"
                    v-model="formBaseData.associatedUnit"
                    placeholder="请填写"
                    :disabled="detailType === 'check'"
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
              <el-form-item
                label="存在问题及影响事件"
                prop="description"
                :label-width="formlabelWidth"
              >
                <el-input
                  v-model="formBaseData.description"
                  placeholder
                  rows="4"
                  maxlength="500"
                  type="textarea"
                  :disabled="detailType === 'check'"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item
                label="下阶段建议解决方案"
                prop="suggestedSolutions"
                :label-width="formlabelWidth"
              >
                <el-input
                  v-model="formBaseData.suggestedSolutions"
                  placeholder
                  rows="4"
                  maxlength="500"
                  type="textarea"
                  :disabled="detailType === 'check'"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-col :span="12">
                <el-form-item
                  label="问题状态"
                  prop="problemState"
                  :label-width="formlabelWidth"
                >
                  <el-select
                    class="contract-ele"
                    v-model="formBaseData.problemState"
                    filterable
                    placeholder="请选择"
                    :disabled="detailType === 'check'"
                  >
                    <el-option
                      v-for="(item, i) in selectList.statusList"
                      :key="i"
                      :label="item.label"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item
                  label="计划办结日期"
                  prop="planCompletedTime"
                  :label-width="formlabelWidth"
                >
                  <el-date-picker
                    style="width: 100%"
                    v-model="formBaseData.planCompletedTime"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期"
                    :disabled="detailType === 'check'"
                  ></el-date-picker>
                </el-form-item>
              </el-col>
            </el-col>
            <el-col :span="24">
              <el-form-item
                label="是否需要协调"
                prop="coordinate"
                :label-width="formlabelWidth"
              >
                <!-- <input type="radio" name="radios" value="1" @change="getRadioVal1" :disabled="detailType === 'check'"><label>是</label>
               <input type="radio" name="radios" value="2" @change="getRadioVal2" checked="checked" :disabled="detailType === 'check'"><label>否</label>-->
                <el-radio
                  v-model="formBaseData.coordinate"
                  :label="true"
                  name="radios"
                  value="1"
                  @change="getRadioVal1"
                  :disabled="detailType === 'check'"
                  >是
                </el-radio>
                <el-radio
                  v-model="formBaseData.coordinate"
                  :label="false"
                  name="radios"
                  value="2"
                  @change="getRadioVal2"
                  :disabled="detailType === 'check'"
                  >否
                </el-radio>
                <br />
              </el-form-item>
            </el-col>

            <el-col :span="24" v-if="this.formBaseData.coordinate === true">
              <el-form-item
                label=" "
                prop="needCoordinateCompany"
                :label-width="formlabelWidth"
              >
                <el-radio
                  v-model="formBaseData.needCoordinateCompany"
                  label="2"
                  :disabled="detailType === 'check'"
                  >需公司协调
                </el-radio>
                <el-radio
                  v-model="formBaseData.needCoordinateCompany"
                  label="1"
                  :disabled="detailType === 'check'"
                  >需集团协调
                </el-radio>
                <!--<input type="radio" name="radios" value="2" @change="setCompany(2)" :disabled="detailType === 'check'"><label>需公司协调</label>
            <input type="radio" name="radios" value="1" @change="setCompany(1)" checked="checked" :disabled="detailType === 'check'"><label>需集团协调</label>-->
              </el-form-item>
            </el-col>

            <el-col :span="24" v-if="this.formBaseData.coordinate === true">
              <el-form-item
                label="协调（处理）结果"
                prop="coordinateResult"
                :label-width="formlabelWidth"
              >
                <el-input
                  v-model="formBaseData.coordinateResult"
                  placeholder
                  rows="4"
                  maxlength="500"
                  type="textarea"
                  :disabled="detailType === 'check'"
                ></el-input>
              </el-form-item>
            </el-col>

            <el-col :span="22">
              <el-form-item
                label="附件"
                prop="proimg"
                :label-width="formlabelWidth"
              >
                <cmsUploadFile
                  ref="fileOne"
                  :fileList="fileListArr"
                  :detail-id="detailId"
                  :fileSystem="fileSystem['one']"
                  :disabled="detailType === 'check'|| detailType === 'audit'"
                  type="mul"
                  info="支持上传 png/jpg/gif/doc/xlsx/ppt/pdf 文件"
                  :detail-type="detailType" />

              </el-form-item>
            </el-col>
          </el-col>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer">
        <!--api操作按钮 除去上报-->
        <!--新建和编辑的暂存上报-->
        <template v-if="detailType === 'build' || detailType === 'edit'">
          <el-button
            size="small"
            type="primary"
            :loading="isLoading"
            @click="handleClickDeal('submit', { flag: 1 })"
          >
            <i class="iconfont icon-icon_save"></i> 确 定
          </el-button>
        </template>
        <el-button size="small" @click="handleClickDeal('cancel')">
          <i class="iconfont icon-icon_cancel"></i> 取 消
        </el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>

  import crudProject from '@/api/buss/project'
  import msgUtil from '@/utils/msgUtil'
  import projectSectionInfo from '@/api/buss/common'
  import crudDict  from '@/api/system/dict'
  import projectProblem  from '@/api/buss/projectProblem'
  import {getProjectSectionInfoTreeWithId} from "../../../../api/buss/common";


export default {
  name: 'problem-detail',
  components: {},
  props: {
    postDetail: {
      type: Object,
      default: {
        show: false,
        type: 'build',
        params: {},
      },
    },
  },
  watch: {
    postDetail(value) {
      console.log('postDetail', value)
      // 显示详情弹窗
      this.formShow = value.show
      // 初始化窗口参数
      this.activeName = 'first'
      // 详情类型
      this.detailType = value.type


      if (this.detailType == 'build') {
          this.title = '新增'
       } else if (this.detailType == 'check') {
          this.title = '查看问题详情'
      } else if (this.detailType == 'edit') {
         this.title = '编辑'
      } else {
          this.title = ''
      }

      this.detailId = value.detailId?value.detailId:'';

      this.initData()

      if (this.detailType !== 'build') {
        this.getDetail()
      }

    },
  },
  data() {
    return {
      companyTree: [], // 公司下拉
      projectTree: [], // 项目下拉
      sectionTree: [], // 标段下拉
      uploadLoading: false,
      //coordinate: false,
      isLoading: false,
      detailType: 'build', // 详情类型 build新建 check不可编辑查看 edit编辑
      detailId: '', // 当前详情的id
      detailActions: [], // 当前详情的操作项
      formShow: false, // 表单展示
      formlabelWidth: '130px', // 表单左侧标题宽度
      title: '档案详情',
      companyName: '', // 建设公司
      activeName: 'first',
      isAudit: '',
      /*fileSystem: {
        attachId: '',
        sys: 'buss',
        module: 'problem',
        entityClass: 'problem',
        viewByAnon: true,
        longLife: false,
        part: ['newFiles'],
      },*/

      fileSystem: {
        'one': {
          sys: 'buss',
          module: 'problem',
          part: 'one',
          compoName: 'fileOne'
        }
      },

      fileListArr:[],

      fileList: {
        /*合同文件*/
        contractFile: [],
        /*招标文件*/
        pullBid: {
          bidFile: [],
          bidList: [],
          bidPic: [],
        },
        /*投标文件*/
        pushTender: {
          creditFile: [],
          commercialFile: [],
          technicalFile: [],
          pfbFile: [],
          bidBook: [],
        },
      },
      selectList: {
        projectList: [],
        problemList: [],
        departmentList: [],
        statusList: [],
        affiliationList: [],
        file: [],
      }, // 所有下拉框列表的集合
      formBaseData: {
        buildCompany: { id: '' },
        project: { id: '' },
        section: { id: '' },
        problemType: '',
        sysDept: '',
        associatedUnit: '',
        planCompletedTime: '',
        problemAffiliation: '',
        problemState: '',
        description: '',
        progressCommunication: '',
        suggestedSolutions: '',
        coordinateResult: '',
        coordinate: false,
        needCoordinateCompany: '',
      }, // 表单基本信息内容
      formBaseRules: {
        'buildCompany.id': [
          { required: true, message: '请选择公司', trigger: 'blur' },
        ],
        'project.id': [
          { required: true, message: '请选择项目', trigger: 'blur' },
        ],
      /*  'section.id': [
          { required: true, message: '请选择标段号', trigger: 'blur' },
        ],*/
        problemType: [
          { required: true, message: '请输入问题类型', trigger: 'blur' },
        ],
        sysDept: [
          { required: true, message: '请输入主办部门', trigger: 'blur' },
        ],
        associatedUnit: [
          { required: true, message: '请输入涉及单位', trigger: 'blur' },
        ],
        planCompletedTime: [
          { required: true, message: '请输入计划办结日期', trigger: 'blur' },
        ],
        // problemAffiliation: [
        //   {required: true, message: '请输入问题归属', trigger: 'blur'}
        // ],
        problemState: [
          { required: true, message: '请输入问题状态', trigger: 'blur' },
        ],
        description: [
          { required: true, message: '请输入描述', trigger: 'blur' },
        ],
        needCoordinateCompany: [
          {
            required: true,
            message: '请选择' + '需公司协调还是需集团协调',
            trigger: 'blur',
          },
        ],
        /*coordinate: [
            {required: true, checked:'false', trigger: 'blur'}
          ],*/
      }, // 表单基本信息验证
      contractDetail_postDetailData: {
        show: false,
        type: 'check',
      },
      fileFormTitle: '',
      fileListShow_file: [],
      buildUnitTable: [],
    }
  },

  created() {
    // this.getProblemType()
    // this.getDepartment()
    // this.getProblemState()
    // this.getProblemAffiliation()
  },
  methods: {

    initData(){
      this.selectList.statusList = []
      this.selectList.problemList = []
      this.companyTree = []
      this.selectList.departmentList = []

      if (this.detailType == 'build') {
        projectSectionInfo.getProjectSectionInfoTree().then(res => {
          if (res.code === 200) {
            var data = res.data;
            this.companyTree = data
          } else {
            msgUtil.error2(res.data.message)
          }
        }).catch(() => {
          msgUtil.error2("获取项目标段树失败")
        })
      }
      crudDict.getByCode('problemState').then(res => {
        if (res.code === 200) {
          var data = res.data;
          for (var i in data) {
            this.selectList.statusList.push({'value':data[i].id,'label':data[i].name});
          }
        }else {
          msgUtil.error2(res.data.message)
        }
      }).catch(() => {
        msgUtil.error2("获取问题状态失败")
      })


      crudDict.getByCode('problemType').then(res => {
        if (res.code === 200) {
          var data = res.data;
          for (var i in data) {
            this.selectList.problemList.push({'value':data[i].id,'label':data[i].name});
          }
        }else {
          msgUtil.error2(res.data.message)
        }
      }).catch(() => {
        msgUtil.error2("获取问题类型失败")
      })

    /*  if (this.detailType == 'build') {
        projectProblem.getProblemDept('build','').then(res=>{
          if (res.status === 1) {

            console.log("degfrew333333333333333333333",res)

            this.selectList.departmentList = res.data

          } else {
            //this.$messageError(res.data.message)
            msgUtil.error2(res.data.message)
          }
        }).catch(res => {
          console.log('请求出现错误',res);
          msgUtil.error2('获取部门用户列表失败!')
        })
      }*/


    },

    getProblemDeptBuild(id){
      return projectProblem.getProblemDept(id).then(res=>{
        if (res.status === 1) {
          console.log("degfrew333333333333333333333",res)
          this.selectList.departmentList = res.data
          return new Promise(reslove=>{
            reslove(res)
          })
        } else {
          //this.$messageError(res.data.message)
          msgUtil.error2(res.data.message)
        }
      }).catch(res => {
        console.log('请求出现错误',res);
        msgUtil.error2('获取部门用户列表失败!')
      })
    },


    getProblemDept(id){
     return projectProblem.getProblemDept(id).then(res=>{
        if (res.status === 1) {
          console.log("degfrew333333333333333333333",res)
          this.selectList.departmentList = res.data
          return new Promise(reslove=>{
            reslove(res)
          })
        } else {
          //this.$messageError(res.data.message)
          msgUtil.error2(res.data.message)
        }
      }).catch(res => {
        console.log('请求出现错误',res);
        msgUtil.error2('获取部门用户列表失败!')
      })
    },

    getProjectSectionInfoTreeWithId(id) {
    return  projectSectionInfo.getProjectSectionInfoTreeWithId(id).then(res => {
        if (res.code === 200) {
          var data = res.data;
          this.companyTree = data

          return new Promise(reslove=>{
            reslove(res)
          })

        }else {
          msgUtil.error2(res.data.message)
        }
      }).catch(() => {
        msgUtil.error2("获取项目标段树失败")
      })
    },


    /**
     *  根据建设单位查询下面的所有项目
     * */
    getProjectByCompanyId() {
      if(this.formBaseData.project.id){
          this.formBaseData.project.id = ''
      }
      if(this.formBaseData.section.id){
        this.formBaseData.section.id = ''
      }

      if (this.formBaseData.buildCompany.id) {
        this.companyTree.forEach((item) => {
          if (item.id === this.formBaseData.buildCompany.id) {
            this.projectTree = item.children
            this.formBaseData.constructionUnit = item.name
          }
        })
      }
    },

    /**
     * 根据项目id获取标段列表
     * getContractByProjectId
     * */
    getSectionByProjectId() {
      if(this.formBaseData.section.id){
        this.formBaseData.section.id = ''
      }

      if (this.formBaseData.project.id) {
        this.projectTree.forEach((item) => {
          if (item.id === this.formBaseData.project.id) {
            this.sectionTree = item.children
          }
        })
      }


      this.getProblemDeptBuild(this.formBaseData.project.id)


    },




    // 获取详情请求 api
    getDetail() {
      projectProblem.getOne(this.detailId).then(res => {
        if (res.status == 1) {
          this.formBaseData.id = res.data.id
          this.formBaseData.buildCompany.id  = res.data.buildCompanyId
          this.formBaseData.project.id = res.data.projectId
          this.formBaseData.section.id = res.data.sectionId

          this.getProjectSectionInfoTreeWithId(res.data.applyUser).then(res=>{
            if (this.formBaseData.buildCompany.id) {
              this.companyTree.forEach((item) => {
                if (item.id === this.formBaseData.buildCompany.id) {
                  this.projectTree = item.children
                  this.formBaseData.constructionUnit = item.name
                }
              })
            }

            if (this.formBaseData.project.id) {
              this.projectTree.forEach((item) => {
                if (item.id === this.formBaseData.project.id) {
                  this.sectionTree = item.children
                }
              })
            }
          })




          this.formBaseData.problemType = res.data.problemType
          this.formBaseData.associatedUnit = res.data.associatedUnit
          this.formBaseData.planCompletedTime = res.data.planCompletedTime
          this.formBaseData.problemState = res.data.problemState
          this.formBaseData.description = res.data.description
          this.formBaseData.progressCommunication = res.data.progressCommunication
          this.formBaseData.suggestedSolutions = res.data.suggestedSolutions
          this.formBaseData.coordinateResult = res.data.coordinateResult
          this.formBaseData.needCoordinateCompany = res.data.needCoordinateCompany + ''
          this.formBaseData.coordinate = res.data.coordinate

          this.formBaseData.sysDept = res.data.deptId
          this.getProblemDept(res.data.projectId).then(res=>{

          })


          this.loadFiles()

        }else {
          msgUtil.error2(res.data.message)
        }
      }).catch(() => {
        msgUtil.error2("获取详情信息失败")
      })

    },



    // 提交详情 提交1/暂存0 新建0/修改1
    submitDetail(type, callback) {
      console.log(this.detailType)

      this.formBaseData.projectId = this.formBaseData.project.id
      this.formBaseData.sectionId = this.formBaseData.section.id
      this.formBaseData.buildCompanyId = this.formBaseData.buildCompany.id

      if (this.detailType == 'build') {
      return  projectProblem.submit(this.formBaseData).then(res => {
          if (res.status === 1) {
            this.detailId = res.data.id
            this.saveFiles()
            //this.isLoading = false
            this.$notify({
              title: '数据修改成功',
              type: 'success',
              duration: 1500
            })
            // 传值给父组件刷新列表
            this.$emit('reloadList')
            this.formShow = false
            return new Promise(resolve => {
              resolve(res)
            })
          }else {
            msgUtil.error2(res.data.message)
          }
        }).catch((response) => {
          this.$notify({
            title: '数据表新增失败',
            type: 'error',
            duration: 2500
          })
        }).finally((response) => {
          this.isLoading = false
        })
      } else {
        projectProblem.resubmit(this.formBaseData).then(res => {
          if (res.status === 1) {
            this.detailId = res.data.id
            this.saveFiles()
            //this.isLoading = false
            this.$notify({
              title: '数据修改成功',
              type: 'success',
              duration: 1500
            })
            // 传值给父组件刷新列表
            this.$emit('reloadList')
            this.formShow = false

          }else {
            msgUtil.error2(res.data.message)
          }
        }).catch((response) => {
          this.$notify({
            title: '数据表新增失败',
            type: 'error',
            duration: 2500
          })
        }).finally((response) => {
          this.isLoading = false
        })
      }

    },


    // 事件处理的api请求
    sealDealHttp(url, query, params, callback) {
      this.$httpPost(this.$store.state.httpHost.buss + url + query, params)
        .then((res) => {
          if (res.data.status === 1) {
            if (callback) callback(res.data)
          } else {
            this.$messageError(res.data.message)
          }
        })
        .catch((res) => {
          console.log(res)
        })
    },
    // 点击各个流程的按钮事件
    handleClickDeal(type, res) {
      switch (type) {
        // 取消，关闭窗口
        case 'cancel':
          // 重置表单验证
          this.$refs['formBaseData'].resetFields()
          // 清空表单内容
          this.formBaseData = {
            buildCompany: { id: '' },
            project: { id: '' },
            section: { id: '' },
            problemType: '',
            sysDept: '',
            associatedUnit: '',
            planCompletedTime: '',
            problemAffiliation: '',
            problemState: '',
            description: '',
            progressCommunication: '',
            suggestedSolutions: '',
            coordinateResult: '',
            coordinate: false,
            needCoordinateCompany: '',
          } // 清空文件
          this.fileListArr = []

          for (let k in this.fileSystem) {
            let fileProp = this.fileSystem[k]
            this.$refs[fileProp.compoName].cancelAll()
          }
          this.projectTree = []
          this.sectionTree = []
          this.companyTree = []
          this.selectList.file = []
          // 关闭弹窗
          this.formShow = false
          //radio设置
          //this.coordinate=false
          this.formBaseData.coordinate = false
          //document.getElementsByName('radios')[1].checked='checked';

          break
        // 保存
        case 'submit':
          let flag = res.flag
          // 表单验证
          this.$refs['formBaseData'].validate((valid) => {
            if (valid) {
              this.isLoading = true
              // 提交详情]\
              this.submitDetail().then(res=>{
              })
            } else {
            }
          })
          break
      }
    },

    saveFiles() {
      for (let k in this.fileSystem) {
        let fileProp = this.fileSystem[k]
        this.$refs[fileProp.compoName].saveAll(this.detailId)
      }
    },

    loadFiles() {
      this.$nextTick(()=>{
        for (let k in this.fileSystem) {
          let fileProp = this.fileSystem[k]
          this.$refs[fileProp.compoName].init()
        }
      })
    },


    getRadioVal1() {
      //this.coordinate=true;
      this.formBaseData.coordinate = true
    },
    getRadioVal2() {
      this.formBaseData.needCoordinateCompany = ''
      this.formBaseData.coordinateResult = ''
      //this.coordinate=false;
      this.formBaseData.coordinate = false
    },
  },
}
</script>

<style scoped lang="scss">
.el-select.half {
  width: 250px;
}

.el-select.fill {
  width: 800px;
}

.contract-ele {
  width: 100%;
}

.el-input .el-select {
  width: 130px;
}

.fee_add {
  color: #008fe0;
  border-color: #008fe0;
  float: right;
  margin-bottom: 10px;
}

.dialog-section-title {
  font-size: 16px;
  font-weight: bold;
}

.dialog-upload-type {
  font-size: 14px;
  color: #008fe0;
  margin-left: 50px;
}

.contractNum {
  position: absolute;
  top: 0;
  right: 20px;

  p {
    color: #a71c1c;
  }
}

.icon-add {
  position: absolute;
  top: 0;
  right: 0;
  color: #008fe0;
  font-size: 30px;
  cursor: pointer;
}

.icon-subtract {
  position: absolute;
  top: 0;
  right: 0;
  color: #008fe0;
  font-size: 30px;
  cursor: pointer;
}

.form-tip {
  font-size: 12px;
  color: #a71c1c;
}

.scoreTXT {
  color: #008fe0;
  cursor: pointer;
}

.formTitle {
  font-weight: bold;
  font-size: 16px;
}

.upload-demo-fujian {
  width: 400px;
}
</style>
